<template>
  <div id="app">
  <my-header></my-header>
  <my-content></my-content>
  <my-footer></my-footer>
  </div>
</template>

<script>
  // This starter template is using Vue 3 <script setup> SFCs
  // Check out https://vuejs.org/api/sfc-script-setup.html#script-setup
  import myHeader from './components/Header.vue'
  import myContent from './components/Content.vue'
  import myFooter from './components/Footer.vue'
  export default {
    name: 'app',
    data() {
      return {
        msg: "Welcome to Your Vue.js App"
      }
    },
    components: {
      myHeader, myContent, myFooter
    }
  }
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
